<template>
  <div>


       <header class="">
             <div class="navbar navbar-default visible-xs">
               <button type="button" class="navbar-toggle collapsed">
                 <span class="sr-only">Toggle navigation</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
               </button>
               <a href="/" class="navbar-brand">在线视频教育平台</a>
             </div>

             <nav class="sidebar">
               <div class="navbar-collapse" id="navbar-collapse">
                 <div class="site-header hidden-xs">
                     <a class="site-brand" href="/" title="">
                       <img class="img-responsive site-logo" alt="" src="../assets/assets_2/images/mashup-logo.svg">
                       在线视频教育平台
                     </a>
                   <p>
                     课程分类

                   </p>
                 </div>
                 <ul class="nav">
                   <li><a href="/" title="">首页</a></li>
                   <li><a href="./about.html" title="">视频详情页</a></li>
                   <li><a href="./services.html" title="">Services</a></li>
                   <li><a href="./contact.html" title="">Contact</a></li>
                   <li><a href="./components.html" title="">Components</a></li>

                 </ul>

                 <div>1234</div>


               </div>
             </nav>

           </header>


  </div>
</template>



<script>


export default {
  data () {
    return {
      msg: "这是一个变量"
    }
  },



  mounted:function(){


},
  methods:{
  }
}


</script>

<style>



</style>
